<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<title></title>
	</head>
	<body>
		<header>
			<div class="head-one">
				<div class="head-top">
					<img src="img/logo-top.png"/>
					<div class="search">
						<input type="text" name="sousuo" id="sousuo" value=""/>
						<img src="img/搜索.png" style="width: 30px;height: 30px;margin: 10px 0 -12px -35px;"/>
					</div>				
				</div>	
			</div>	
			<div class="head-two">
				<div class="head-buttom">
					<div class="buttom-left">
						<div class="item">首页</div>
						<div class="item">景观</div>
						<div class="item">谈资</div>
						<div class="item">作者</div>
						<div class="item">大讲堂</div>
						<div class="item">活动</div>
						<div class="item">商城</div>
					</div>
					<div class="buttom-right">
						<div class="item">APP</div>
						<div class="item">投稿</div>
						<div class="login-register">
							<div class="left">
								<span class="word">登录</span>
								<span >/</span>
								<span class="word">注册</span>
							</div>
							<div class="right">
								<span>快速登陆</span>
								<span><img src="img/新浪微博.png"style="width: 25px;height: 25px;"/></span>
								<span><img src="img/QQ.png"style="width: 25px;height: 25px;"/></span>
							</div>
						</div>
					</div>
				</div>		
			</div>
		</header>
		<div class="news">
			<span class="xinwenzhixun">新闻质询：</span>
			<span>中国国家地理最美拍摄地点</span>
		</div>
		<div class="zhon">
			<div class="left-zhon">
				<div class="zhon-left">
					<div class="left-top">
						<span>
							<p style="color: white;">景观</p>
							<p>LANDSCAPE</p>
						</span>
					</div>					
					<div class="left-buttom">
						<div class="item">
							<div class="item-text">石林</div>
							<div class="item-text">丹霞</div>
						</div>
						<div class="item">
							<div class="item-text">雅丹</div>
							<div class="item-text">喀斯特</div>
						</div>
						<div class="item">
							<div class="item-text">石柱</div>
							<div class="item-text">盆地</div>
						</div>
						<div class="item">
							<div class="item-text">礁石</div>
							<div class="item-text">湿地</div>
						</div>
						<div class="item">
							<div class="item-text">海岸</div>
							<div class="item-text">岛屿</div>
						</div>
						<div class="item">
							<div class="item-text">三角洲</div>
							<div class="item-text">冲积扇</div>
						</div>
						<div class="item">
							<div class="item-text">冰川</div>
							<div class="item-text">梯田</div>
						</div>
						<div class="item">
							<div class="item-text">林地</div>
							<div class="item-text">热带雨林</div>
						</div>
						<div class="item">
							<div class="item-text">草原</div>
							<div class="item-text">观星地</div>
						</div>
						<div class="item">
							<div class="item-text">古典园林</div>
							<div class="item-text">石窟</div>
						</div>
						<div class="item">
							<div class="item-text">古楼</div>
							<div class="item-text">古城</div>
						</div>
						<div class="item">
							<div class="item-text">国道</div>
							<div class="item-text">铁路</div>
						</div>
						<div class="item">
							<div class="item-text">绿洲</div>
							<div class="item-text">河流</div>
						</div>
						<div class="item">
							<div class="item-text">古镇</div>
							<div class="item-text">古村</div>
						</div>
						<div class="item">
							<div class="item-text">自然遗产</div>
							<div class="item-text">文化遗产</div>
						</div>
						<div class="item">
							<div class="item-text">地质公园</div>
							<div class="item-text">自然保护区</div>
						</div>
					</div>
				</div>			
			</div>
			<div class="zhon-right">
				<img src="img/公路.jpg" class="img-one"/>
				<img src="img/多面.jpg" class="img-one"/>
				<div class="img">
					<div class="img-left">
						<img src="img/河流.jpg" class="img-one"/>
						<img src="img/喜马拉雅.jpg" class="img-one"/>
					</div>
					<div class="img-right">
						<img src="img/湖冰.jpg" class="img-two"/>
					</div>
				</div>		
			</div>
			<div class="right-zhon">
				<div class="person">
					<span>活动</span>
				</div>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>
				<img src="img/多面.jpg" class="person-img"/>
				<img src="img/公路.jpg" class="person-img"/>
				<img src="img/河流.jpg" class="person-img"/>

			</div>
		</div>
		<div class="footer">
			<div class="ul">
				<ul>
					<li class="title">杂志</li>
					<li>中国国家地理</li>
					<li>中华遗产</li>
					<li>博物</li>
					<li>杂志订阅</li>
				</ul>
				<ul>
					<li class="title">新媒体</li>
					<li>中国国家地理网</li>
					<li>中国国家地理客服端</li>
					<li>官方微信</li>
					<li>官方微博</li>
				</ul>
				<ul>
					<li class="title">广告合作</li>
					<li>杂志黄高刊例</li>
				</ul>
				<ul>
					<li class="title">关于我们</li>
					<li>成长记忆</li>
					<li>工作机会</li>
					<li>联系我们</li>
				</ul>
				<ul>
					<li class="title">关于网站</li>
					<li>版权声明</li>
					<li>隐私条款</li>
					<li>意见反馈</li>
					<li>合作伙伴</li>
					<li>友情链接</li>
				</ul>
			</div>
			<div class="foot-logo">
				<img src="img/logo-top.png"/>
				<img src="img/cng-dingyue.png" style="margin-left: 50px;"/>
				<img src="img/cng-fuwu.png" style="margin-left: 50px;"/>
			</div>
			<div class="foot">
				<p>Copyright © 2001-2017 Chinese National Geography Press. All rights reserved.</p>
				<p>优秀科普网站 <a>京ICP证090072号</a> <a>京ICP备10014304号-4</a> <a>京ICP备10014304号-5</a> <a> 京公网安备11010502026082</a> 新出网证（京）字 049号 <a>出版物经营许可证</a></p>
			</div>
		</div>
	</body>
</html>
